<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        body {
            background-image: url(../img/桥.jpg);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: 0px -50px;
        }

        #login-box {
            background-color: #00000068;
            border-radius: 13px;
            text-align: center;
            margin: 0px auto;
            margin-top: 80px;
            width: 350px;
            height: 400px;
        }

            #login-box h1 {
                padding-top: 60px;
                color: #ffffff;
            }

            #login-box .input-box {
                margin-top: 30px;
            }

                #login-box .input-box input {
                    border: none;
                    background: none;
                    border-bottom: #FFFFFF 2px solid;
                    padding: 5px 10px;
                    outline: none;
                    color: #FFFFFF;
                }

            #login-box button {
                line-height: 30px;
                margin-top: 30px;
                width: 130px;
                height: 30px;
                border-radius: 13px;
                outline: none;
                border: none;
                background-image: linear-gradient(120deg, #a6c0fe 0%, #000000 100%);
                color: #FFFFFF;
            }

                #login-box button:hover {
                    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
                }

            #login-box .input-box i {
                color: #FFFFFF;
            }
    </style>

</head>
<body>
    <div id="login-box" style="color:white;">
        <h1>停车场寻车系统</h1>
        
        
        <div class="input-box">
            <i class="iconfont">用户名</i>
            <input type="text" placeholder="Username" />
        </div>
        <div class="input-box">
            <i class="iconfont">密码</i>
            <input type="password" placeholder="Password" />
        </div>
        <br>

        <input type="radio" name="role" id="user">用户
        <input type="radio" name="role" id="admin">管理员<br>


        <!-- <button onclick="location.href='./PosMangement.html'">登录</button>        -->
        <button onclick="login()">登录</button>       
        <button onclick="location.href='./register.html'">注册</button>
        <br>
        <a href="#">忘记密码</a>
    </div>
</body>

<script>
    function login(){
        if(document.getElementById("user").checked){
            // alert("user")
            location.href="./inputMessage.html"
        }else if(document.getElementById("admin").checked){
            // alert("admin")
            location.href="./PosMangement.html"
        }else{
            alert("请选择权限！")
        }
    }
</script>
            